<script type='text/javascript' language='javascript'>
var url_base = "{url_base}";

$(document).ready(function(){
    CKEDITOR.config.forcePasteAsPlainText = true;
    CKEDITOR.config.autoParagraph = true;
    CKEDITOR.config.removePlugins = "elementspath";
    CKEDITOR.config.skin = 'moono';

    CKEDITOR.config.toolbar = [
        { name: 'document', items : [ 'Source'] },
        { name: 'outher', items : [ 'NewPage' ] },
        { name: 'clipboard', items : [ 'Undo','Redo' ] },
        { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
        { name: 'editing', items : [ 'PasteText','PasteFromWord','-','Scayt' ] },
        { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
        { name: 'links', items : [ 'Link','Unlink','-','Image','HorizontalRule' ] },
        { name: 'tools', items : [ 'Maximize'] }
    ];
    
    /** Volta para o top da página **/
    $('.img_top').click(function(){
        scroll_to("#page-content");
    });

    /** Abre campo motivo caso o status seja marcado como inativo */
    $('#status').change(function() {
        if($(this).val() == 0) {
            $('.box_motivo').fadeIn();
        }else {
            $('.box_motivo').fadeOut();
            $('#motivo').val("");
        }
    });

    /** Abre o box_motivo sempre que o valor do select for 0 **/ 
    $("#status option:selected").val() == 0 ? $('.box_motivo').fadeIn() : '';

    /** Máscaras **/
    $("#isbn").numeric({allow:"-"});
    $("#edicao, #ano, #total_paginas, #total_estoque, #total_emprestimo").numeric();

    /** Valida Imagem */
    $('#imagem').change(function(){
        if((document.form_insert.imagem.value.lastIndexOf(".jpg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".jpeg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".JPG")==-1) 
            && (document.form_insert.imagem.value.lastIndexOf(".png")==-1) && (document.form_insert.imagem.value.lastIndexOf(".PNG")==-1)){
            document.form_insert.imagem.value = "";
            alert("Este arquivo não possui uma extensão válida!" +
                "\n Extensão permitida: .jpg e .png");
        }else {
            $('#fakeImagem').val($('#imagem').val());
        }
    });

    /** Remover imagem caso selecionada */
    $('#remove_imagem').click(function(){
        $('#imagem, #fakeImagem').val("");
    });

    /** Voltar página */
    $('#back_page').click(function(){
        history.back();
    });

    /** Limpa o campo editora_id caso seja selecionado e depois removido **/
    $('#editora').keydown(function(){
        $('#editora').val() == "" ? $('#editora_id').val("") : "";
    });

    /**
    * Autocomplete para autores
    */
    $( "#autor" ).bind( "keydown", function( event ) {})
    .autocomplete({
       source: function( request, response ) {
           $.getJSON( url_base + "autor/auto_complete_author", {
               term: extractLast( request.term )
           }, response );
       },
       search: function() {
           // custom minLength
           var term = extractLast( this.value );
           if ( term.length < 2 ) {
               return false;
           }
       },
       focus: function() {
           // prevent value inserted on focus
           return false;
       },
       select: function( event, ui ) {
           $("#autor").focus();

           var terms = split( this.value );
           // remove the current input
           terms.pop();
           // add the selected item
           terms.push(ui.item.nome);

           // add placeholder to get the comma-and-space at the end
           terms.push( "" );
           this.value = terms.join( ", " );

           return false;
       }
    });

    /** Autocomplete para Editora **/
    $('#editora').autocomplete({
        source: url_base + "editora/auto_complete_publisher",
        minLength: 2,      
        select: function( event, ui ) {
            $('#editora_id').val(ui.item.id);
        }
    });

    /** Seleção das categorias **/
    $( "#selectable_categorias" ).selectable({
        stop: function() {
            var ids = new Array();
            $('#categoria_id').val("");
            $( ".ui-selected", this ).each(function() {
                ids.push($(this).val());
                $('#categoria_id').val(ids.toString()); // joga os ids para o input
            });
        },
        //Seleciona os itens já escolhidos
        create: function(event, ui) {
            var ids = $('#categoria_id').val().split(',');
            $('#selectable_categorias .categorias_select').each(function(index){
                for(var i = 0; i <= ids.length; i++){
                    if( $( this ).val() == ids[i]){
                        $( this ).addClass('ui-selected');
                    }
                }
            });
        }
    });
});

function split( val ) {
    return val.split( /,\s*/ );
}
function extractLast( term ) {
    return split( term ).pop();
}
</script>
<span><a id="back_page" href="{url_base}livro/"><< Voltar</a></span>
<div id="content_item">
    <div id="content-datagrid">
        <section>
            <form action="{url_base}livro/confirma_cadastrar" id="form-insert-book" name="form_insert" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                <fieldset>
                    <legend><h3>Cadastrar um novo livro</h3></legend>
                    <div id="content_form">
                        <input type="hidden" name="codigo" id="codigo" value="<?php echo set_value('codigo'); ?>">
                        <header><h2>Relacionados</h2></header>
                        <label>
                            <p>Autor*: <i>Caso o <b>Autor</b> não esteja listado, vá para o cadastro de autor e adicione.</i></p>
                            <input class="input1" autofocus id="autor" name="autor" type="text" placeholder="Selecione o autor do livro" value="<?php echo set_value('autor'); ?>" required/>
                        </label>
                        <label>
                            <p>Editora*: <i>Caso a <b>Editora</b> não esteja listada, vá para o cadastro de editora e adicione.</i></p>
                            <input id="editora_id" name="editora_id" type="hidden" value="<?php echo set_value('editora_id'); ?>" />
                            <input id="editora" name="editora" type="text" placeholder="Selecione a editora do livro" value="<?php echo set_value('editora'); ?>" required/>
                        </label>
                        <label>
                            <p>Categoria(s)*: <i>Caso a <b>Categoria</b> não esteja listada, vá para o cadastro de categoria e adicione.</i></p>
                            <p><i>- Segure a tecla <b>Ctrl</b> para selecionar mais de uma categoria.</i></p>
                            <input id="categoria_id" name="categoria_id" type="hidden" value="<?php echo set_value('categoria_id'); ?>" />
                            <div id="list_categorias">
                                <ol id="selectable_categorias">
                                    {categorias}
                                    <li class="categorias_select pointer" value="{id}" title="{descricao}">{nome}</li>
                                    {/categorias}
                                </ol>
                            </div>
                        </label>
                        <header><h2>Informações gerais</h2></header>
                        <label>
                            <p>ISBN*:</p>
                            <input type="text" name="isbn" id="isbn" value="<?php echo set_value('isbn'); ?>" placeholder="Apenas número e hífen -" required/>
                        </label>
                        <label>
                            <p>Título*:</p>
                            <input  type="text" name="titulo" id="titulo" value="<?php echo set_value('titulo'); ?>" required/>
                        </label>
                        <label>
                            <p>Subtitulo:</p>
                            <input  type="text" name="subtitulo" id="subtitulo" value="<?php echo set_value('subtitulo'); ?>"/>
                        </label>
                        <label>
                            <p>Título Original:</p>
                            <input  type="text" name="titulo_original" id="titulo_original" value="<?php echo set_value('titulo_original'); ?>"/>
                        </label>
                        <label>
                            <p>Edição:</p>
                            <input type="number" min="1" name="edicao" min="0" id="edicao" placeholder="Número da edição" value="<?php echo set_value('edicao'); ?>"/>
                        </label>
                        <label>
                            <p>Ano de publicação*:</p>
                            <input type="text" name="ano" maxlength="4" id="ano" value="<?php echo set_value('ano'); ?>" required/>
                        </label>
                        <label>
                            <p>Total de páginas*:</p>
                            <input type="number" min="1" name="total_paginas" id="total_paginas" value="<?php echo set_value('total_paginas'); ?>" required/>
                        </label>
                        <label>
                            <p>Idioma*: <i>O valor padrão é Português. Mude caso necessitar...</i></p>
                            <input type="text" name="idioma" id="idioma" value="<?php echo set_value('idioma', 'Português'); ?>" placeholder="Idioma do livro" required/>
                        </label>
                        <label>
                            <p>Localização: <i>Útil para informar em que local/pratileira o livro se encontra.</i></p>
                            <input type="text" name="localizacao" id="localizacao" value="<?php echo set_value('localizacao'); ?>"/>
                        </label>
                        <label>
                            <p>Imagem: <i>Só é possível inserir imagem no formato <b>JPG</b> e <b>PNG</b>.</i></p>
                            <span class="selInputFile">
                                <span>
                                    <input type="text" placeholder="Clique aqui para inserir a imagem do Livro" name="fakeImagem" id="fakeImagem"/><!-- este e somente para aparecer o nome do arquivo para o usuario -->
                                    <input type="file" name="imagem" id="imagem" value="<?php echo set_value('imagem'); ?>" autocomplete="off"/>
                                </span>
                                <a class="pointer" title="Remover imagem" id="remove_imagem">
                                    <img align="center" src="{url_base}assets/img/delete.png"/>
                                </a>
                            </span>
                        </label>
                        <label>
                            <p>Descrição: <i>Sinopse, resenha do livro...</i></p>
                            <div class="desc"><textarea class="ckeditor" id="descricao" name="descricao"><?php echo set_value('descricao'); ?></textarea></div>
                        </label>
                        
                        <header><h2>Dados para empréstimo</h2></header>
                        <label>
                            <p>Quantidade em estoque*: <i>Total de itens em estoque.<br /> - Este total não é usado como referência para o empréstimo, é apenas para registro.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_estoque"  name="total_estoque" placeholder="Total de livros. Apenas números" value="<?php echo set_value('total_estoque'); ?>" required/>
                        </label>
                        <label>
                            <p>Quantidade para empréstimo*: <i>Total de itens disponíveis para empréstimos.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_emprestimo"  name="total_emprestimo" placeholder="Total de livros disponíveis. Apenas números"  value="<?php echo set_value('total_emprestimo'); ?>" required/>
                        </label>
                        <label>
                            <p>Status para Empréstimo*: <i>Aqui você tem duas opções:</i><br />
                                <i>
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;ATIVO >></b> Nesta opção o item cadastrado fica <b>DISPONÍVEL</b> para visualizar e obter empréstimos.<br />
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;INATIVO >></b> Nesta opção o item cadastrado fica <b>INDISPONÍVEL</b> para obter empréstimos.
                                </i>
                            </p>
                            <?php echo form_dropdown("status", array(1 => "Ativo", 0 => "Inativo"), set_value('status'), "id='status'"); ?>
                        </label>
                        <label class="box_motivo" style="display: none;">
                            <p>Motivo da inatividade*:</p>
                            <textarea name="motivo_inatividade" id="motivo" placeholder="Informe o motivo do livro não ficar disponível para empréstimos"><?php echo set_value('motivo_inatividade'); ?></textarea>
                        </label>
                        
                        <input type="submit" value="Cadastrar livro" id="bt_submit" class="button"/>&nbsp;
                        <a href="{url_base}livro/cadastrar" class="button">Novo livro</a>&nbsp; 
                        <a href="<?php echo site_url('livro'); ?>" class="button">Cancelar</a>
                        <!-- ir para o TOP-->
                        <img class="img_top pointer" src="{url_base}assets/img/top.png" width="32" height="32"/>
                    </div>
                </fieldset>
            </form>
        </section>
    </div> <!-- END of #content-datagrid -->
</div> <!-- END of #main-content-datagrid -->  